<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.box{
				height: 200px;
				width: 200px;
				background: #00FFFF;
				margin: 40px auto;
				/* ---外部边距知识--- */
				/* 四个方向分别设置 上 右 下 左  */
				/* margin: 10px 20px 30px 50px; */
				/* 向上设置30px */
				/* margin-top: 30px;
				/* 向左设置 30个px */
				/* margin-left: 50px; */
				/* 向右设置40个px */
				margin-right: 40px;
				/* 向下设置50个px */ */
				margin-bottom: 10px;
				
				/* ---内边距知识 ----*/
				/* 设置四个方向 */
				/* border: solid 2px #FF0000; */
				/* 设置下边距颜色 */
				/* 设置单一方向 */
				/* 设置下方内边框线为1px 实线的红色*/
				/* border-bottom: solid 1px #FF0000; */
				/* 设置下方内边框线为5px 双实线的红色 */
				/* border-bottom: double 5px #FF0000; */
				/* 设置边框线为2px 虚线的黑色 */
				/* border: dotted 2px black; */
				
				/* 设置内边距与外边距的距离为10px */
				padding: 10px;
				/* 向左设置30px */
				/* padding-left: 10px;
				/* 向上设置30px */
				padding-top: 30px;
				/* 向右设置30px */
				padding-right: 30px;
				/* 向下设置50px */
				padding-bottom: 50px;
				
				 
				/* 设置溢出内容部分超过盒子大小时进行隐藏 */
				/* overflow: hidden; */
				/* 超出盒子大小后自动有滚动条,上下都会有滚动条 */
				/* overflow: auto; */
				/* 对宽高的内容溢出分开设置 自动有，隐藏 */
				/* overflow-x: auto; */
				/* overflow-y: hidden; */
				
				/* 任何情况都有滚动条 */
				/* overflow: scroll; */
				/* overflow-y: scroll; */
				/* overflow-x: scroll; */
			
				
			}
		</style>
	</head>
	<body>
		
		<div class="box">
			thonpythonpythonpythonthonpythonpythonpython
			<div style="height: 200px;background-color: antiquewhite;">
				
			</div>
		</div>
	</body>
</html>
